<template>
  <div>
    <el-card shadow="never">
      <div style="text-align: left;">
        <el-date-picker
          class="x_soso"
          v-model="search.payBTime"
          type="date"
          value-format="yyyy-MM-dd"
          placeholder="创建时间"
        ></el-date-picker>
        <el-select class="x_soso" filterable v-model="search.name" placeholder="归属门店">
          <el-option v-for="item in rankList" :key="item.id" :label="item.name" :value="item.id"></el-option>
        </el-select>
        <el-select class="x_soso" filterable v-model="search.name" placeholder="归属店长">
          <el-option v-for="item in rankList" :key="item.id" :label="item.name" :value="item.id"></el-option>
        </el-select>
        <el-input class="x_soso" v-model="searchInput" placeholder="请输入员工ID/员工名称/手机号"></el-input>
      </div>
      <div style="text-align: left;">
        <el-button type="primary" @click="searchList">查询</el-button>
        <el-button type="primary" @click="addColumnClick">刷新</el-button>
      </div>
      <div style="clear:both"></div>
      <el-table v-loading="loading" :data="tableData" style="width: 100%;margin-top: 20px">
        <el-table-column label="名称" align="center" prop="staffName"></el-table-column>
        <el-table-column label="员工电话" align="center" prop="staffhone"></el-table-column>
        <el-table-column label="归属店长" align="center" prop="shopManager "></el-table-column>
        <el-table-column label="归属运营商电话" align="center" prop="agentphone"></el-table-column>
        <el-table-column label="申请时间" width="180" align="center" prop="applyTime"></el-table-column>
      </el-table>
      <!-- 分页 -->
      <div style="margin-top: 20px;text-align: right">
        <el-pagination
          background
          @current-change="columnFind"
          :current-page="page.page"
          :page-size="page.pagesize"
          layout="prev, pager, next, jumper, total"
          :total="page.count"
        ></el-pagination>
      </div>
    </el-card>
  </div>
</template>

<script>
import Cookie from 'js-cookie';
export default {
  name: "qtgz_log",
  data() {
    return {
      loading: true,
      tableData: [1],
      ruleForm: {},
      search: {},
      page: {
        count: 0,
        pagesize: 10,
        page: 1
      },
      dialogShow: false,
      tableData1: [],
      departmentList: [],
      dialogVisible: false
    };
  },
  mounted() {
    var page = 1;
    this.columnFind(page);
	Cookie.remove('tabList');
  },
  methods: {
    columnFind(page) {
      const _this = this;
      _this.page.page = page;
      _this.loading = false;
      // let obj = {
      // 	page: this.page.page,
      // 	pagesize: this.page.pagesize,
      // 	token: Cookies.get('Token')
      // }
      // WagesOtherindex(obj).then((res) => {
      // 	_this.tableData = res.data.data.list
      // 	_this.page.count = res.data.data.count

      // })
    },
    addColumnClick() {}
  }
};
</script>

<style scoped="scoped" lang="less">
	.el-button--primary{
		background: rgba(113, 106, 202, 1);
		border: none;
	}
	.el-button--primary:hover{
		color: #606266;
		background: rgba(255, 255, 255, 1);
		border: 1px solid rgba(113, 106, 202, 1);
	}
</style>
